<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>小伟花店</title>
		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
		<script src="lib/bootstrap/js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<link rel="stylesheet" href="css/index.css" />

	</head>

	<body>
		<!-- 头部-->
		<div class="head">
			<a href="index.html">
				<img src="img/1.jpg" style="width: 100%;min-width: 1370px;">
			</a>

			<div class="navbar navbar-default">
				<!--导航栏标题部分-->
				<!--navbar-toggle打造导航栏按钮折叠的样式
					该类让按钮具备一定的样式并且让按钮小屏幕才可见
				-->

				<div class="navbar-header">
					<!--给其添加属性data-toggle="collapse"说嘛该按钮实现折叠的切换
							data-target="#nav-show"指定我切换的折叠div的id是nav-show
					-->
					<a class="navbar-brand" href="index.html">
						<img class="logo" src="img/logo.png"></a>
				</div>

				<!--导航栏列表部分-->
				<!--给包含导航菜单的div加collapse类 navbar-collapse折叠该div
					collapse让该div不可见，navbar-collapse让其在非超小屏幕上可见-->
				<div id="nav-show" class="collapse navbar-collapse">
					<!--给ul添加类navbar-right右浮动-->
					<ul class="nav navbar-nav navbar-right" style="margin-right: 0;">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">鲜花类型 </a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">玫瑰花</a>
								</li>
								<li>
									<a href="#">满天星</a>
								</li>
								<li>
									<a href="#">百合</a>
								</li>
								<li>
									<a href="#">马蹄</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">鲜花用途</a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">爱情鲜花</a>
								</li>
								<li>
									<a href="#">生日鲜花</a>
								</li>
								<li>
									<a href="#">祝贺鲜花</a>
								</li>
								<li>
									<a href="#">婚庆鲜花</a>
								</li>
								<li>
									<a href="#">商务鲜花</a>
								</li>
							</ul>
						</li>
						<li>
							<button href="#" id="login" data-toggle="modal" data-target="#modaLoginDiv">登录</button>
						</li>
						<li>
							<button href="#" id="login" data-toggle="modal" data-target="#modaRegisterDiv">注册</button>
						</li>
						<!--dropdown类将li打成绝对定位-->
						<li class="dropdown">
							<!--data-toggle="dropdown"下拉切换数据-->
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">个人中心
								<samp class="caret"></samp>
							</a>
							<!--dropdown-menu类菜单样式并且不可见-->
							<ul class="dropdown-menu">
								<li>
									<a href="#">个人主页</a>
								</li>
								<li>
									<a href="#">我的订单</a>
								</li>
								<li>
									<a href="#">余额:520元</a>
								</li>
								<li>
									<a href="#">服务流程</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<!--放一个登录模态框的容器  -->
			<div class="modal" id="modaLoginDiv" style="background-color: rgba(0,0,0,0.5);">
				<!--模态框是覆盖整个页面的，在里面放置个模态对话框，里面放模态内容 添加个madal-dialog-->
				<div class="modal-dialog">
					<!--放模态框内容的div-->
					<div class="modal-content">
						<!--data-dismiss = "modal" 消除模态框功能-->
						<button type="button" class="close" data-dismiss="modal"><span style="color: red;" class="glyphicon glyphicon-remove"></span></button>
						<div class="modal-header">
							<h2>登录</h2></div>
						<div class="modal-body">
							<form id="form1">
								<div class="form-group">
									<label for="user">帐号</label>
									<input autofocus="autofocus" onblur="validateUser()" type="text" class="form-control" id="user" name="user"><span id="userSpan"></span>
								</div>
								<div class="form-group">
									<label for="pwd">密码</label>
									<input type="password" autofocus="autofocus" onblur="validatePwd()" class="form-control" id="pwd" name="pwe"><span id="pweSpan"></span>
								</div>
							</form>
						</div>
						<div class="modal-footer">
							<button class="btn btn-success" style="float: left;" data-dismiss="modal" data-toggle="modal" data-target="#modaRegisterDiv"><h5>没有有帐号注册</h5></button>
							<button onclick="register()" id="register" class="btn btn-primary"><h5>登录</h5></button>
						</div>
					</div>
				</div>
			</div>
			<!--放一个注册模态框的容器-->
			<div class="modal" id="modaRegisterDiv" style="background-color: rgba(0,0,0,0.5); ">
				<!--模态框是覆盖整个页面的，在里面放置个模态对话框，里面放模态内容 添加个madal-dialog-->
				<div class="modal-dialog">
					<!--放模态框内容的div-->
					<div class="modal-content">
						<!--data-dismiss = "modal" 消除模态框功能-->
						<button type="button" class="close" data-dismiss="modal"><span style="color: red;" class="glyphicon glyphicon-remove"></span></button>
						<div class="modal-header">
							<h2>注册</h2></div>
						<div class="modal-body">
							<form id="form1">
								<div class="form-group">
									<label for="loginUser">帐号</label>
									<input type="text" autofocus="autofocus" onblur="validateEnrollUser()" class="form-control" id="enrollUser" name="enrollUserSpan"><span id="enrollUserSpan"></span>
								</div>
								<div class="form-group">
									<label for="pwd">密码</label>
									<input type="password" autofocus="autofocus" onblur="validateEnrollPwd()" class="form-control" id="enrollPwd" name="loginPwd"><span id="enrollPwdSpan"></span>
								</div>
								<div class="form-group">
									<label for="pwd">确认密码</label>
									<input type="password"   autofocus="autofocus" onblur="confirmEnrollPwd()" class="form-control" id="confirmPwd" name="confirmPwd"><span id="confirmPwdSpan"></span>
								</div>
							</form>
						</div>
						<div class="modal-footer">
							<button onclick="login()" class="btn btn-primary" id="enroll">确认注册</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		<!--轮播图:Carousel-->
		<!--<img src="img/Slider/Slider1.jpg" style="width: 100%; height: 500px; margin-top: -20px;">-->
		<div class="carousel slide" id="mainCarousel">
			<!--轮播图5个远点  ol：有序列表  carousel-indicators：轮播索引-->
			<ol class="carousel-indicators">
				<!--data-slide-to指定该li负责切换到轮播图那一片，索引从0开始
	    		data-target要指定控制的是那个轮播容器的轮播-->
				<li data-slide-to="0" data-target="#mainCarousel" class="active"></li>
				<li data-slide-to="1" data-target="#mainCarousel"></li>
				<li data-slide-to="2" data-target="#mainCarousel"></li>
				<li data-slide-to="3" data-target="#mainCarousel"></li>
				<li data-slide-to="4" data-target="#mainCarousel"></li>
			</ol>
			<!--轮播内容-->
			<div class="carousel-inner">
				<div class="item active">
					<a href="#">
						<img src="img/Slider/Slider1.jpg" alt="">
					</a>
				</div>
				<div class="item">
					<a href="#">
						<img src="img/Slider/Slider2.jpg" alt="">
					</a>
				</div>
				<div class="item">
					<a href="#"><img src="img/Slider/Slider3.jpg" alt=""></a>
				</div>
				<div class="item">
					<a href="#">
						<img src="img/Slider/Slider4.jpg" alt="">
					</a>
				</div>
				<div class="item">
					<a href="#"> <img src="img/Slider/Slider5.jpg" alt=""></a>

				</div>
			</div>
			<!--添加俩个超链接 控制滑动到上一页或者下一页，添加类carousel-control：轮播控件
	    		还有用于定位的类left 或right
	    		上一个：previonus 简写prev
	    		下一个：next
	    	-->
			<a href="#" data-target="#mainCarousel" data-slide="prev" class="carousel-control left">
				<samp class="glyphicon glyphicon-chevron-left"></samp>
			</a>
			<a href="#" data-target="#mainCarousel" data-slide="next" class="carousel-control right">
				<samp class="glyphicon glyphicon-chevron-right"></samp>
			</a>
		</div>
		</div>
		<!--中间 -->
		<div class="Central">
			<!--爱情鲜花类-->
			<div id="love—flowers">
				<!--鲜花类别标题-->
				<div class="flowers-title">
					<p>爱情鲜花</p>
					<p style="font-size: 15px; margin-left: 108px;margin-top: 12px;width: 139px;">送·让你怦然心动的人</p>
				</div>
				<!--爱情鲜花类主要内容-->
				<div class="love—flowers-content">
					<!--左侧-->
					<div class="left-content">
						<img src="img/indexTitle/title1.jpg" />
					</div>
					<!--右侧-->
					<div class="right-content">
						<ul>
							<li>
								<dl>
									<dt>										
										<a target="blank" href="PlaceOrder.html?=img/love/love1.png">
											<h6>鲜花-玫瑰情缘<h6>
											<img src="img/love/love1.png" alt="" /></a>
										<h4>￥150.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>	
										<a target="blank" href="PlaceOrder.html?=img/love/love2.png">
											<h6>鲜花-甜美的爱情<h6>
											<img src="img/love/love2.png" alt="" />
										</a>
										<h4>￥288.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
										<a target="blank" href="PlaceOrder.html?=img/love/love3.png">
											<h6>鲜花-浪漫情怀<h6>
											<img src="img/love/love3.png" alt="" />
										</a>
										<h4>￥216.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
										
										<a target="blank" href="PlaceOrder.html?=img/love/love4.png">
											<h6>鲜花-月光中的你<h6>
											<img src="img/love/love4.png" alt="" /></a>
										<h4>￥229.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a target="blank" href="PlaceOrder.html?=img/love/love5.png">
										<h6>鲜花-情定终身<h6>
										<img src="img/love/love5.png" alt="" /></a>
										<h4>￥266.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
								
										<a target="blank" href="PlaceOrder.html?=img/love/love6.png">
												<h6>鲜花-情长意久<h6>
											<img src="img/love/love6.png" alt="" /></a>
										<h4>￥146.00</h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
										
										<a target="blank" href="PlaceOrder.html?=img/love/love7.png"><h6>鲜花-幸福相伴<h6>
											<img src="img/love/love7.png" alt="" /></a>
										<h4>￥588.00</h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
									     
										<a target="blank" href="PlaceOrder.html?=img/love/love8.png"><h6>鲜花-永结同心<h6>
											<img src="img/love/love8.png" alt="" /></a>
										<h4>￥260.00</h4>
									</dt>
								</dl>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--亲情鲜花类-->
			<div class="kinship-flowers">
				<!--亲情鲜花类别标题-->
				<div class="flowers-title">
					<p>亲情鲜花 </p>
					<p style="font-size: 15px; margin-left: 108px;margin-top: 12px;width: 139px;">赠·父母/恩师/长辈</p>
				</div>
				<!--亲情鲜花类主要内容-->
				<div class="kinship—flowers-content">
					<!--左侧-->
					<div class="left-content">
						<img src="img/indexTitle/title2.jpg" />
					</div>
					<!--右侧-->
					<div class="right-content">
						<ul>
							<li>
								<dl>
									<dt>										
										<a href="PlaceOrder.html?=img/kinship/kinship1.png">
											<h6>鲜花-思念<h6>
											<img src="img/kinship/kinship1.png" alt="" /></a>
										<h4>￥469.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>	
										<a href="PlaceOrder.html?=img/kinship/kinship2.png">
											<h6>鲜花-牵挂<h6>
											<img src="img/kinship/kinship2.png" alt="" />
										</a>
										<h4>￥169.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
										<a href="PlaceOrder.html?=img/kinship/kinship3.png">
											<h6>鲜花-无微不至<h6>
											<img src="img/kinship/kinship3.png" alt="" />
										</a>
										<h4>￥189.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
										
										<a href="PlaceOrder.html?=img/kinship/kinship4.png">
											<h6>鲜花-关怀<h6>
											<img src="img/kinship/kinship4.png" alt="" /></a>
										<h4>￥159.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="PlaceOrder.html?=img/kinship/kinship5.png">
										<h6>鲜花-母爱如山<h6>
										<img src="img/kinship/kinship5.png" alt="" /></a>
										<h4>￥139.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
								
										<a href="PlaceOrder.html?=img/kinship/kinship6.png">
												<h6>鲜花-我爱您<h6>
											<img src="img/kinship/kinship6.png" alt="" /></a>
										<h4>￥329.00</h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
										
										<a href="PlaceOrder.html?=img/kinship/kinship7.png"><h6>鲜花-永远年轻<h6>
											<img src="img/kinship/kinship7.png" alt="" /></a>
										<h4>￥329.00</h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
									     
										<a href="PlaceOrder.html?=img/kinship/kinship8.png"><h6>鲜花-暖暖的问候<h6>
											<img src="img/kinship/kinship8.png" alt="" /></a>
										<h4>￥319.00</h4>
									</dt>
								</dl>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--永生花类-->
			<div class="EternalLife-flowers">
				<div class="flowers-title">
					<p>永生花 </p>
					<p style="font-size: 15px; margin-left: 80px;margin-top: 12px;width: 139px;"> 许·她一生承诺</p>
				</div>

				<!--永生花类主要内容-->
				<div class="EternalLife—flowers-content">
					<!--左侧-->
					<div class="left-content">
						<img src="img/indexTitle/title3.jpg" />
					</div>
					<!--右侧-->
					<div class="right-content">
						<ul>
							<li>
								<dl>
									<dt>										
										<a href="PlaceOrder.html?=img/EternalLife/EternalLife1.png">
											<h6>永生花-旷世之恋<h6>
											<img src="img/EternalLife/EternalLife1.png" alt="" /></a>
										<h4>￥429.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>	
										<a href="PlaceOrder.html?=img/EternalLife/EternalLife2.png">
											<h6>永生花-日思梦想<h6>
											<img src="img/EternalLife/EternalLife2.png" alt="" />
										</a>
										<h4>￥469.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
										<a href="PlaceOrder.html?=img/EternalLife/EternalLife3.png">
											<h6>永生花-今生最爱<h6>
											<img src="img/EternalLife/EternalLife3.png" alt="" />
										</a>
										<h4>￥289.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
										
										<a href="PlaceOrder.html?=img/EternalLife/EternalLife4.png">
											<h6>永生花-无怨无悔<h6>
											<img src="img/EternalLife/EternalLife4.png" alt="" /></a>
										<h4>￥459.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="PlaceOrder.html?=img/EternalLife/EternalLife5.png">
										<h6>永生花-绵绵无尽<h6>
										<img src="img/EternalLife/EternalLife5.png" alt="" /></a>
										<h4>￥539.00<h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
								
										<a href="PlaceOrder.html?=img/EternalLife/EternalLife6.png">
												<h6>永生花-天长地久<h6>
											<img src="img/EternalLife/EternalLife6.png" alt="" /></a>
										<h4>￥429.00</h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
										
										<a href="PlaceOrder.html?=img/EternalLife/EternalLife7.png"><h6>永生花-海枯石烂<h6>
											<img src="img/EternalLife/EternalLife7.png" alt="" /></a>
										<h4>￥469.00</h4>
									</dt>
								</dl>
							</li>
							<li>
								<dl>
									<dt>
									     
										<a href="PlaceOrder.html?=img/EternalLife/EternalLife8.png"><h6>永生花-唯一爱<h6>
											<img src="img/EternalLife/EternalLife8.png" alt="" /></a>
										<h4>￥499.00</h4>
									</dt>
								</dl>
							</li>
						</ul>
					</div>
				</div>
			</div>

		</div>
		<!--底部-->
		<div class="bottom">
			<div class="faq-wrapper">
				<table cellspacing="5">
					<tr>
						<th>帮助中心</th>
						<th>支付方式</th>
						<th>售后服务</th>
						<th>客服中心</th>
						<th>关于我们</th>
						<th class="phone"><samp class="glyphicon glyphicon-phone-alt"></samp> 182-0989-6746</th>
					</tr>
					<tr>
						<td>
							<a href="">服务声明</a>
						</td>
						<td>
							<a href="">在线支付</a>
						</td>
						<td>
							<a href="">订单查询</a>
						</td>
						<td>
							<a href="">在线客服</a>
						</td>
						<td>
							<a href="">关于我们</a>
						</td>
						<td rowspan="3"><img src="img/weixin.png" /></td>
					</tr>
					<tr>
						<td>
							<a href="">如何注册会员</a>
						</td>
						<td>
							<a href="">银行汇款</a>
						</td>
						<td>
							<a href="">退换货政策</a>
						</td>
						<td>
							<a href="">配送范围</a>
						</td>
						<td>
							<a href="">联系我们</a>
						</td>

					</tr>
					<tr>
						<td>
							<a href="">积分兑换说明</a>
						</td>
						<td>
							<a href=""></a>
						</td>
						<td>
							<a href="">隐私条款</a>
						</td>
						<td>
							<a href=""></a>
						</td>
						<td>
							<a href="">合作及洽谈</a>
						</td>
					</tr>
				</table>
			</div>
			<div class="bootom-img">
				<img src="img/cf.png" />
			</div>
			<footer>
				<p>Copyright © 2017-2020 贵州-胡向伟 |贵ICP备1314520号</p>
				<p style="margin-left: 50px;">贵州网安备 5201314999999号</p>
			</footer>
		</div>
	</body>

</html>